<div class="footer">
    <nav class="menu-footer">
        <ul>
            <li><a href="/">início</a><span>|</span></li>
            <li><a href="/sobre">o rangaki</a><span>|</span></li>
            <li><a href="/indique">indique um restaurante</a><span>|</span></li>
            <li><a href="/privacidade">política de privacidade</a><span>|</span></li>
            <li><a href="/faq">perguntas freqüentes</a><span>|</span></li>
            <li><a href="/blog">blog</a><span>|</span></li>
            <li><a href="/contato">contato</a></li>
        </ul>
    </nav>
</div>